@import "../commonFunc";

.management_frame_module {
    @include bgColor(rgba(255, 255, 255, .6));
    @include widthHeight(100%);
    @include position(relative);
    overflow: hidden;

    .left_panel_section {
        height: 100%;
        width: px2rem(245);
        @include bgColor(#2562A1);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
        @include position(relative);

        h3 {
            @include bgColor(#841719);
            height: px2rem(60);
            @include color(white);
            @include displayFlex;
            @include fontSize(px2rem(18));
            background-image: url('../../images/person_center_nav_bg.png');
            background-repeat: no-repeat;
            background-position: right center;
        }

        ul {
            @include position;
            @include trbl(0, 0, 0, 0);
            overflow: auto;
            @include scrollBar(0);

            li {
                height: px2rem(61);
                @include displayFlex;
                @include color(white);
                @include fontSize(px2rem(16));
                cursor: pointer;

                &.active {
                    background-color: #3B72AB;
                    //position: relative;
                    @include position(relative);
                    &:after {
                        content: "";
                        @include widthHeight(px2rem(10), 100%);
                        @include position;
                        @include trbl(0, 0, '', '', 10);
                        @include bgColor(#F7C777)
                    }
                }
            }
        }
    }

    .right_content_section {
        @include position;
        @include trbl(0, 0, 0, px2rem(245));
    }
}